<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title></title>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Roboto:400,700"
    />
    <!-- https://fonts.google.com/specimen/Roboto -->
    <link rel="stylesheet" href="static/css/fontawesome.min.css" />
    <!-- https://fontawesome.com/ -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <!-- https://getbootstrap.com/ -->
    <link rel="stylesheet" href="static/css/templatemo-style.css">
    <!--
	Product Admin CSS Template
	https://templatemo.com/tm-524-product-admin
	-->
  </head>

  <body id="reportsPage">
    <nav class="navbar navbar-expand-xl">
      <div class="container h-100">
          <h1 class="tm-site-title mb-0">商品&导购评价</h1>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link d-block" href="accountlqc.html">
                返回
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>


               <div class="container mt-5">
               <div class="col-sm-12 col-md-12" >
              <table class="table-large table-hover tm-table-large   tm-product-table">
                <thead>
                  <tr>
                    <th scope="col">&nbsp;</th>
                    <th scope="col" width="500">序号</th>
                    <th scope="col" width="500">商品名称</th>
                    <th scope="col" width="300">单价</th>
                    <th scope="col" width="800">购买日期</th>

                    <th scope="col">&nbsp;</th>
                    <th scope="col">&nbsp;</th>

                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th scope="row"></th>

                    <td>1</td>
                    <td class="tm-product-name">UNICO女款运动短袖T恤</td>
                    <td>249</td>
                    <td>2020-11-11 11：12：00</td>
                    <td>
                      <!-- 点击按钮对盖茨购买进行评价 -->
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>


           <div class="container mt-5">
               <div class="col-sm-5 col-md-8" >
                   <div class="tm-block-col tm-col-account-avatar">
                      <form action="/order_judge" method="post" class="tm-login-form">
                       <div class="tm-bg-primary-dark tm-block tm-block-avatar">
                  <div class="form-group">
                    <label for="order_no">序号：</label>
                    <input
                      name="order_no"
                      type="text"
                      class="form-control validate"
                      id="order_no"
                    />
                  </div>

            <h2 class="tm-block-title">商品评价</h2>
            <div class="tm-product-table-container">
              <table class="table tm-table-small tm-product-table">
                <tbody>
                <thead>
                <tr>
                  <th scope="col">&nbsp;</th>
                  <th scope="col">&nbsp;</th>
                </tr>
                </thead>
                  <tr>
                    <td class="tm-product-name" >1星</td>
                    <td>
                      <input type="radio" name="product" value= "1" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                    </td>
                  </tr>
                  <tr>
                    <td class="tm-product-name">2星</td>
                    <td>
                      <input type="radio" name="product" value= "2" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                    </td>
                  </tr>
                  <tr>
                    <td class="tm-product-name">3星</td>
                    <td>
                      <input type="radio" name="product" value= "3" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                    </td>
                  </tr>
                  <tr>
                    <td class="tm-product-name">4星</td>
                    <td>
                      <input type="radio" name="product" value= "4" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                    </td>
                  </tr>
                  <tr>
                    <td class="tm-product-name">5星</td>
                    <td>
                      <input type="radio" name="product" value= "5" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>

            <h2 class="tm-block-title">导购评价</h2>
            <div class="tm-product-table-container">
              <table class="table tm-table-small tm-product-table">
                <tbody>
                <thead>
                <tr>
                  <th scope="col">&nbsp;</th>
                  <th scope="col">&nbsp;</th>
                </tr>
                </thead>

                <tr>
                  <td class="tm-product-name" >1星</td>
                  <td>
                    <input type="radio" name="staff" value= "1" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                  </td>
                </tr>
                <tr>
                  <td class="tm-product-name">2星</td>
                  <td>
                    <input type="radio" name="staff" value= "2" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                  </td>
                </tr>
                <tr>
                  <td class="tm-product-name">3星</td>
                  <td>
                    <input type="radio" name="staff" value= "3" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                  </td>
                </tr>
                <tr>
                  <td class="tm-product-name">4星</td>
                  <td>
                    <input type="radio" name="staff" value= "4" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                  </td>
                </tr>
                <tr>
                  <td class="tm-product-name">5星</td>
                  <td>
                    <input type="radio" name="staff" value= "5" onclick="if(this.c==1){this.c=0;this.checked=0}else this.c=1">
                  </td>
                </tr>

                </tbody>
              </table>
            </div>
            <!-- table container -->
                <button
                    type="submit"
                    class="btn btn-primary btn-block text-uppercase"
                  >
                    提交
                  </button>
          </div>
                      </form>
        </div>
        </div>
        </div>
      </div>
    </div>


    <script src="static/js/jquery-3.3.1.min.js"></script>
    <!-- https://jquery.com/download/ -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- https://getbootstrap.com/ -->
    <script>
      $(function() {
        $(".tm-product-name").on("click", function() {
          window.location.href = "edit-product.html";
        });
      });
    </script>
  </body>
</html>